<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title></title>
	<#assign base=request.contextPath  />
	<base id="basePath" href="${base}">

	<base id="basePath" href="${base}">
	<link rel="stylesheet" href="${base}/css/demo.css" type="text/css">
	<link rel="stylesheet" href="${base}/css/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="${base}/js/zhang.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.exedit.js"></script>
  <link rel="stylesheet" href="${base}/js/layui/css/layui.css?t=1534970980648" media="all">
  <style>
	form{
  		padding: 20px;
  	}
  	.layui-btn-radius{
     			border-radius: 5px;
     		}
  </style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
	 <legend>客户情况分析</legend>
</fieldset>
	<div class="demoTable"style="padding:15px;">
         <button class="layui-btn layui-btn-radius" id="btn2" data-method="offset" type="button" style="background-color: #0092EF;">添加客户</button>
        <div class="layui-inline layui-form" style="float:right;">
        <div class="layui-input-inline">
            <select name="interest"  id="sech"  lay-search="">
                <option value="">请选择要搜索的列</option>
                <option value="sname">姓名</option>
                <option value="visit">拜访次数</option>
                <option value="follow">跟进次数</option>
                <option value="consumption">后续消费</option>
                <option value="whether">是否转介绍</option>
                <option value="person">录入人</option>
            </select>
        </div>
    	  <div class="layui-inline">
              	    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
              	  </div>
    	  <button class="layui-btn layui-btn-radius" id="btn1" data-type="reload" style="background-color: #0092EF;">搜索</button>
       </div>
    </div>
<table class="layui-hide" id="test" lay-filter="user"></table>
<script type="text/html" id="barDemo">
  <i class="layui-icon layui-icon-edit" lay-event="edit" id="updatebaby" style="font-size: 20px;"></i>&nbsp;&nbsp;&nbsp;
  <i class="layui-icon layui-icon-delete layui-btn-xs" lay-event="del" id="delectbaby" href="javascript:void(0)"  onclick="onDelete('{{d.id}}')"  style="font-size: 20px;" ></i>
</script>
<script src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
<script src="${base}/js/layui/layui.js"></script>
<script>
layui.use(['form', 'layedit', 'laydate','table'], function(){
  var form = layui.form
  ,$ = layui.jquery
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate
  table = layui.table;
  table.render({
    elem: '#test'
    ,url:'${base}/situationAnalysis/selectSituationAnalysis'//数据接口
    ,toolbar: '#toolbarDemo'
    ,defaultToolbar: ['filter', 'print', 'exports']
    ,cols: [[
      {field:'sname', width:150, title: '姓名',align:'center'}
      ,{field:'date',width:250,templet:function(val){
                                         return DateFormat(val.date);
                                         }, title: '日期',align:'center'}
      ,{field:'mealName',width:240, title: '套餐',align:'center'}
      ,{field:'visit', width:170, title: '拜访次数',align:'center'}
      ,{field:'follow',width:160, title: '跟进次数',align:'center'}
      ,{field:'consumption', width:220, title: '后续消费',align:'center'}
      ,{field:'whether',width:200, title: '是否转介绍',align:'center'}
      ,{field:'person',width:200, title: '录入人',align:'center'}
      ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width: 130,align:'center'}
    ]]
    ,id:'testReload'
    ,height:500
    ,page: {
       layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
       ,theme: '#0092EF'
       ,limit:20
    }
  });
    };
  laydate.render({
      elem: '#test1'
   });
  $('#btn2').on('click', function(){
      var othis = $(this), method = othis.data('method');
      active[method] ? active[method].call(this, othis) : '';
   });
});
</script>
</body>
</html>